<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>后台首页3</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Author" content="larry" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../../../larryms/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../../larryms/css/admin/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../../larryms/css/admin/console.css">
</head>

<body class="larry-bg-gray">
    <div class="layui-fluid">
        <div class="larry-container">
            <div class="layui-row layui-col-space15 larryms-data-top">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
                    <section class="layui-card">
                        <div class="layui-card-body countup">
                            <div class="left a">
                                <i class="larry-icon larry-gouwucheman"></i>
                                <p>订单</p>
                            </div>
                            <div class="right">
                                <i class="larry-icon larry-xiangxiajiantoushixin"></i>
                                <div class="p">
                                    <h3 id="orderCounter">666</h3>
                                    <cite>+18%同比增长</cite>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
                    <section class="layui-card">
                        <div class="layui-card-body countup">
                            <div class="left b">
                                <i class="larry-icon larry-shouru"></i>
                                <p>收入</p>
                            </div>
                            <div class="right">
                                <i class="larry-icon larry-xiangshang2"></i>
                                <div class="p">
                                    <h3 id="incomeCounter">20000</h3>
                                    <cite>+50%同比增长</cite>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
                    <section class="layui-card">
                        <div class="layui-card-body countup">
                            <div class="left c">
                                <i class="larry-icon larry-laofangke"></i>
                                <p>访客</p>
                            </div>
                            <div class="right">
                                <i class="larry-icon larry-xiangshang2"></i>
                                <div class="p">
                                    <h3 id="UVcounter">33568</h3>
                                    <cite>+35%环比增长</cite>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-hide-md layui-show-lg-inline-block layui-col-lg3">
                    <section class="layui-card">
                        <div class="layui-card-body countup">
                            <div class="left d">
                                <i class="larry-icon larry-zhifumaijia"></i>
                                <p>买家</p>
                            </div>
                            <div class="right">
                                <i class="larry-icon larry-xiangshang2"></i>
                                <div class="p">
                                    <h3 id="userCounter">3168</h3>
                                    <cite>+30%同比增长</cite>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- 订单收入数据 -->
            <div class="layui-row  layui-col-space15 larryms-count-demo">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md7 layui-col-lg7">
                    <section class="layui-card">
                        <div class="larryms-card-head">最新订单</div>
                        <div class="layui-card-body">
                            <table class="layui-table larryms-order-demo" lay-skin="nob">
                                <colgroup>
                                    <col width="20%">
                                    <col width="20%">
                                    <col width="15%">
                                    <col width="20%">
                                    <col>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>订单号</th>
                                        <th>缩略图</th>
                                        <th>产品</th>
                                        <th>买家</th>
                                        <th class="layui-hide-xs">交易状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>mobileABC001</td>
                                        <td><img src="../../../larryms/images/product/iwatch.png" alt=""></td>
                                        <td>iWatch</td>
                                        <td>吕**</td>
                                        <td  class="layui-hide-xs"><span class="label label-success font-weight-100">已完成</span></td>
                                    </tr>
                                    <tr>
                                        <td>mobileABC002</td>
                                        <td><img src="../../../larryms/images/product/iphone.png" alt=""></td>
                                        <td>iphone</td>
                                        <td>江**</td>
                                        <td  class="layui-hide-xs"><span class="label label-success font-weight-100">已完成</span></td>
                                    </tr>
                                    <tr>
                                        <td>mobileABC003</td>
                                        <td><img src="../../../larryms/images/product/xsq.jpg" alt=""></td>
                                        <td>AOC</td>
                                        <td>李**</td>
                                        <td  class="layui-hide-xs"><span class="label label-warning font-weight-100">待发货</span></td>
                                    </tr>
                                    <tr>
                                        <td>mobileABC004</td>
                                        <td><img src="../../../larryms/images/product/bjb.jpg" alt=""></td>
                                        <td>Mac Pro</td>
                                        <td>高**</td>
                                        <td  class="layui-hide-xs"><span class="label label-default font-weight-100">已取消</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md5 layui-col-lg5">
                    <section class="layui-card">
                        <div class="larryms-card-head"><span>收入统计汇总图表</span></div>
                        <div class="layui-card-body">
                            <div class="income" id="icome"></div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg7">
                    <section class="layui-card">
                        <div class="larryms-card-head">历史订单</div>
                        <div class="layui-card-body orders">
                            <table data-url="../../../larryms/data/admin/order.json" id="historyOrder"></table>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg5">
                    <section class="layui-card">
                        <div class="larryms-card-head">近期动态
                                <a class="more  fr"><span class="label label-default">查看所有</span></a>
                        </div>
                        <div class="layui-card-body">
                            <ul class="layui-timeline larryms-dynamic">
                                <li class="layui-timeline-item">
                                    <i class="layui-timeline-axis larry-icon larry-youjian"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">系统消息 <cite>您有新的邮件</cite></h3>
                                        <div class="metas">1 分钟前</div>
                                        <ul>
                                            <li><em class="add">来自</em>larryms@larryms.com的邮件</li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="layui-timeline-item pic">
                                    <i class="layui-timeline-axis larry-icon larry-tupian"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">管理员 <cite>上传3张图片</cite></h3>
                                        <div class="metas">2 小时前</div>
                                        <ul class="photos clearfix" id="larrymsDynamicPic">
                                            <li class="img"><img src="../../../larryms/images/product/1.jpg" alt=""></li>
                                            <li class="img"><img src="../../../larryms/images/product/2.jpg" alt=""></li>
                                            <li class="img"><img src="../../../larryms/images/product/3.jpg" alt=""></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="layui-timeline-item a">
                                    <i class="layui-timeline-axis larry-icon  larry-xiaoxi"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">系统消息 <cite>您的产品iWatch已售空</cite></h3>
                                        <div class="metas">5 小时前</div>
                                        <ul>
                                            <!-- <li><em class="add">新增</em>新增左侧三级菜单，纯响应式支持,理论上可达5级菜单</li> -->
                                        </ul>
                                    </div>
                                </li>
                                <li class="layui-timeline-item b">
                                    <i class="layui-timeline-axis larry-icon  larry-dingwei"></i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">订单消息 <cite>您有1个新的订单正在发货</cite></h3>
                                        <ul>
                                            <li>已打包装箱完成，等待运输...</li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <!-- 加载js文件-->
    <script type="text/javascript" src="../../../larryms/layui/layui.js"></script>
    <script type="text/javascript">
    layui.cache.page = 'console';
    layui.config({
        version: "2.0.8",
        base: '../../../larryms/',
        identified: 'general'
    }).extend({
        larry: 'js/base'
    }).use('larry');
    </script>
</body>

</html>